<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test orientation Widget</title>
<!--
/*
 *  Copyright (c) 2011 The ORMMA.org project authors. All Rights Reserved.
 *
 *  Use of this source code is governed by a BSD-style license
 *  that can be found in the LICENSE file in the root of the source
 *  tree. All contributing project authors may
 *  be found in the AUTHORS file in the root of the source tree.
 */
-->
<link rel="stylesheet" href="orientation-widget.css" type="text/css" />

<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery-ui.min.js"></script>

<script language="javascript" type="text/javascript" src="orientation-widget.js" defer="defer"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
	orientationWidget.init();
});
</script>
</head>

<body>
<div id="orientationToggle" class="portrait"></div>
<p><select name="orientationState" id="orientationState">
<option value="portrait">orientation is portrait</option>
<option value="landscape">orientation is landscape</option>
</select>
<input id="orientationTiming" type="button" onclick="orientationWidget.toggleOrientationTiming()" value="t-off"/>
</body>
</html>
